<template>
  <div>


    <router-view></router-view>


    <mt-tabbar v-model="selected" fixed class="foot">
      <mt-tab-item id="主页" @click.native="home()">
        <img  slot="icon" src="../assets/menu04.png">
      </mt-tab-item>
      <mt-tab-item id="资源" @click.native="gDL()">
        <img slot="icon" src="../assets/menu01.png">
      </mt-tab-item>
      <mt-tab-item id="广场" @click.native="square()">
        <img slot="icon" src="../assets/menu03.png">
      </mt-tab-item>
      <mt-tab-item id="咨询" @click.native="news()">
        <img slot="icon" src="../assets/menu02.png">
      </mt-tab-item>
    </mt-tabbar>
  </div>
</template>

<script>
  export default {
  name: 'app',
  data () {
    return {
     
    }
  },
  methods: {
            home(){
                console.log(123);
                //this.$store.commit("changeStyle",1);
                this.$router.push({path: 'home'})
            },
            gDL(){
                console.log(123);
                //this.$store.commit("changeStyle",2);
                this.$router.push({path: 'gDL'})
            },
            square(){
                console.log(123);
                //this.$store.commit("changeStyle",2);
                this.$router.push({path: 'square'})
            },
            news(){
                console.log(123);
                //this.$store.commit("changeStyle",2);
                this.$router.push({path: 'news'})
            }
            
        }
 
}
</script>

<style>


.foot{
  height:auto;
  margin:0px;
  padding:0px;
   background-color: #2c46a5;
}
.mint-tab-item{
  margin:0px;
  padding:0px;
  height:120px;;
}
.mint-tab-item-icon{
  width:100%;
  height:100%;
   background-color: #2c46a5;
}


</style>
